<div class="vip-trade" ng-init="init()">
  <div class="vip-trade-wrap">
    <div class="trade-left">
      <div class="code-wrap">
        <input type="text" class="code" ng-model="trade_info.stkcode" ng-change="code_input()" placeholder="股票代码">
        <span ng-bind="order_detail.stkname"></span>
      </div>
      <p ng-click="select_ways()">
        <span ng-bind="trade_info.ordertype_txt" ng-style="{'color':trade_info.ordertype_txt==='申报方式'?'#888':'black'}"></span>
        <span ng-if="trade_info.ordertype_txt!=='申报方式'"></span>
      </p>
      <div class="trade-change">
        <span ng-style="bg_set(trade_info.bstype==='B'?'entrust-reduction-red':'entrust-reduction')" ng-click="operation('minus',0.01,'price')"></span>
        <input type="text" ng-model="trade_info.price" placeholder="委托价格">
        <span ng-style="bg_set(trade_info.bstype==='B'?'entrust-add-red':'entrust-add')" ng-click="operation('add',0.01,'price')"></span>
      </div>
      <div class="price">
        <span>涨停</span>
        <span ng-bind="order_detail.hp||'--'" class="global_color_red"></span>
        <span>跌停</span>
        <span ng-bind="order_detail.lp||'--'" class="global_color_green"></span>
      </div>
      <div class="trade-change">
        <span ng-style="bg_set(trade_info.bstype==='B'?'entrust-reduction2-red':'entrust-reduction2')" ng-click="operation('minus',100,'ordercount')"></span>
        <input type="text" ng-model="trade_info.ordercount" placeholder="{{trade_info.ordercount_enable==='委托数量'?'委托数量':'最大'+trade_info.ordercount_enable}}">
        <span ng-style="bg_set(trade_info.bstype==='B'?'entrust-add2-red':'entrust-add2')" ng-click="operation('add',100,'ordercount')"></span>
      </div>
      <div class="trade-button" ng-click="tade_confirm()" ng-style="{background:trade_info.bstype==='B'?'#f85256':'#4DA3E5'}" ng-bind="trade_info.bstype==='B'?'买入':'卖出'"></div>
    </div>
    <div class="trade-right">
      <div ng-repeat="item in ['卖5','卖4','卖3','卖2','卖1'] track by $index">
        <span ng-bind="item"></span>
        <span ng-bind="order_detail['s'+(5-$index)+'p'].toFixed(2)||'--'" ng-class="{'global_color_red':order_detail['s'+(5-$index)+'p']-order_detail.last>0,'global_color_green':order_detail['s'+(5-$index)+'p']-order_detail.last<0,'global_color_gray':order_detail['s'+(5-$index)+'p']-order_detail.last==0,}"></span>
        <span ng-bind="(order_detail['s'+(5-$index)+'c']/100||'--')|detail_unit"></span>
      </div>
      <div style="width:100%;background:#eee;height:1px;margin:0.2rem 0;"></div>
      <div ng-repeat="item in ['买1','买2','买3','买4','买5'] track by $index">
        <span ng-bind="item"></span>
        <span ng-bind="order_detail['b'+($index+1)+'p'].toFixed(2)||'--'" ng-class="{'global_color_red':order_detail['b'+($index+1)+'p']-order_detail.last>0,'global_color_green':order_detail['b'+($index+1)+'p']-order_detail.last<0,'global_color_gray':order_detail['b'+($index+1)+'p']-order_detail.last==0,}"></span>
        <span ng-bind="(order_detail['b'+($index+1)+'c']/100|detail_unit)||'--'"></span>
      </div>
    </div>
  </div>
  <rows-list rows-list="rowList"></rows-list>
</div>
<style>
  body {
    background: #EAE8E9;
  }
  
   ::-webkit-input-placeholder {
    /* WebKit browsers */
    color: #888;
  }
  
   :-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: #888;
  }
  
   ::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: #888;
  }
  
   :-ms-input-placeholder {
    /* Internet Explorer 10+ */
    color: #888;
  }
</style>